<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Java资源分享网</title>
    <link rel="shortcut icon" href="/static/foreground/images/logomin.png" type="image/x-icon"/>
    <link rel="stylesheet" href="/static/foreground/layui/css/layui.css"/>
    <link rel="stylesheet" href="/static/foreground/css/global.css"/>
    <script src="/static/js/jquery-1.8.3.min.js"></script>
    <script src="/static/layui/layui.js"></script>
    <script src="/static/js/index.js"></script>
</head>
<body>
<div th:replace="common/header::#h"></div>
<div class="fly-panel fly-column" style="height: auto;">
    <div class="layui-container">
        <ul class="layui-clear" th:utext="${arcTypeStr}"></ul>
    </div>
</div>

<div class="layui-container">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="fly-panel" style="margin-bottom: 0;border-radius:10px;padding-left: 10px;">
                <a href="/buyVIP" style="color: red;line-height:30px;text-align:center;">欢迎上传资源，成为本站VIP，一起交流，共同进步，早日走上人生巅峰！</a>
            </div>
        </div>
        <div class="layui-col-md8">
            <div class="fly-panel" style="margin-bottom: 0;">
                <ul class="fly-list">
                    <li th:each="article :${articleList}">
                        <a class="fly-avatar">
                            <img th:src="'/static/img/'+${article.user.headPortrait}" th:alt="${article.user.nickname}">
                        </a>
                        <h2>
                            <a class="layui-badge" th:text="${article.arcType.arcTypeName}"></a>
                            <a th:href="@{'/article/detail/'+${article.articleId}+'.html'}" target="_blank" th:utext="${article.name}"></a>
                        </h2>
                        <div class="fly-list-info">
                            <a>
                                <cite th:text="${article.user.nickname}"></cite>
                                <i th:if="${article.user.vip == true}" class="iconfont icon-renzheng" title="认证信息：会员"></i>
                                <i th:if="${article.user.vip == true}" class="layui-badge fly-badge-vip" th:text="'VIP'+${article.user.vipGrade}">VIP</i>
                            </a>
                            <span th:text="${#dates.format(article.publishDate,'yyyy-MM-dd HH:mm')}"></span>
                            <span th:if="!${article.free}" class="fly-list-kiss layui-hide-xs" title="积分">
                                <i class="iconfont icon-kiss"></i>
                                <span th:text="${article.points}"></span>
                            </span>
                            <span th:if="${article.free}" class="layui-badge fly-badge-accept layui-hide-xs">免费资源</span>
                            <span class="fly-list-nums">
                                <i class="iconfont" title="人气">&#xe60b;</i> <span th:text="${article.click}"></span>
                            </span>
                        </div>
                        <div class="fly-list-badge">
                            <span th:if="${article.hot}" class="layui-badge layui-bg-red">热门</span>
                        </div>
                    </li>
                </ul>
                <div style="text-align: center;" th:utext="${pageStr}"></div>
            </div>
        </div>
        
        <div class="layui-col-md4">
            <div class="fly-panel">
                <form class="layui-form" action="/article/search">
                    <input type="text" style="width: 80%;display:inline;" th:value="${keywords}" id="keywords" name="keywords" lay-filter="searchInput" lay-verify="required" required
                           placeholder="输入关键词搜索" autocomplete="off" class="layui-input">
                    <button class="layui-btn layui-btn-warm layui-btn-radius layui-btn-sm" lay-submit=""><i class="layui-icon">&#xe615;</i>搜索</button>
                </form>
            </div>
            <div class="fly-panel">
                <h3 class="fly-panel-title">下载排行</h3>
                <ul class="fly-panel-main fly-list-static">
                <li th:each="article : ${application.clickArticle}">
                    <a th:href="@{'/article/detail/'+${article.articleId}+'.html'}" target="_blank" th:text="${article.name}"></a>
                  </li></ul>
            </div>
    
            <dl class="fly-panel fly-list-one">
                <dt class="fly-panel-title">最新排行</dt>
                
                <dd th:each="article : ${application.newArticle}">
                    <a th:href="@{'/article/detail/'+${article.articleId}+'.html'}" target="_blank" th:text="${article.name}"></a>
                    <span ><i class="iocnfont" title="人气">&#xe60b;</i><span th:text="${article.click}"></span></span>
                </dd>
            </dl>
            <dl class="fly-panel fly-list-one">
                <dt class="fly-panel-title">热搜排行</dt>
        
                <dd th:each="article : ${application.randomArticle}">
                    <a th:href="@{'/article/detail/'+${article.articleId}+'.html'}" target="_blank" th:text="${article.name}"></a>
                    <span ><i class="iocnfont" title="人气">&#xe60b;</i><span th:text="${article.click}"></span></span>
                </dd>
            </dl>
    
            <div class="fly-panel fly-link">
                <dt class="fly-panel-title">友情链接</dt>
                <dl class="fly-panel-main">
                <dd th:each="link : ${application.linkList}">
                    <a th:href="@{${link.linkUrl}}" target="_blank" th:text="${link.linkName}"></a>
                </dd>
                 
                    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1362795253&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:1362795253:51" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
                    <a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=1cc6cf53cf72162ca742e11147fc8d4cadb4d1a6f4f6aef2be3f4b7fbe440c02"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="Java交流群" title="Java交流群"></a>
            </dl>
            </div>
            
        </div>
    </div>

</div>
<div th:replace="common/footer.html::#f"></div>
</body>
</html>
</html>